*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body,html{
	font-family: arial;
	height: 2000px;
}
a{
	text-decoration: none;
}
li{
	list-style: none;
}
.clearfix::after{
	display: block;
	content: "";
	clear: both;
}
.container{
	width: 1200px;
	margin: 0 auto;
}
header{
	background-color: #3097d1;
	border-bottom: 1px solid #1c73a5;
}
nav .logo{
	float: left;
	display: block;
	width:85px;
	height:23px;
}
nav .logo img{
	width: 100%;
	height: auto;
	padding-top:15px;
}
nav ul li{
	float: left;
	line-height: 50px;
	margin-left:15px;
}
nav ul li a{
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	color: #d1e5ec;
}
.main-inner{
	width: 1200px;
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	margin-left: -15px;
	margin-right: -15px;
}
.main-inner .main-box{
	padding: 0 15px;
}
.main-inner .left,.main-inner .right{
	flex: 1;
}
.main-inner .center{
	flex: 2;
}
.main-inner .center p{
	line-height: 20px;
}
.card1 img{
	width: 100%;
	height: 145px;
	border-radius:3px ;
}
.card1{
	border: 1px solid #d3e0e9;
	padding-bottom:60px;
}
.card-body img{
	width: 100px;
	height: 100px;
	display: block;
	margin: -50px auto 0 auto;
	border-radius: 50%;
	border: 2px solid #eee;
}
.card-body h4{
	text-align: center;
	margin-top: 10px;
	color: #1e3948;
}
.card-body p{
	text-align: center;
	color: #565759;

}
.about{
	border: 1px solid #d3e0e9;
	margin-top:30px;
	padding-bottom: 30px;
}
.about h4{
	margin-left: 14px;
	margin-top: 18px;
	color: #1e3948;
}
.about p{
	margin-left:14px;

	color: #1e3948;
}
.photos{
	border: 1px solid #d3e0e9;
	margin-top: 30px;
	padding-bottom: 20px;
	padding-left:20px;
	padding-right:20px;
}
.photos h4{
	padding: 18px 5px;
}
.photos .box-img{
	display: flex;
	flex-wrap: wrap;
}
.photos img{
	flex: 1;
	height: 150px;
	padding: 5px;
}
.card-body1{
	border: 1px solid #d3e0e9;
	padding: 28px 17px;
	padding-bottom: 40px;
}
.card-body1 h4{
	color: #1e3948;
	margin-bottom: 10px;
}
.card-body1 p{
	font-size: 14px;
	color: #413f48;
}
.dave{
	text-align: center;
}
.dave img{
	width: 250px;
	height: 210px;
	padding:10px;
	padding-top:10px;	
}
.words-1{
	padding-top: 15px;
}
.center1{
	border: 1px solid #d3e0e9;
	border-top: 0;
	padding: 0 20px;
	padding-bottom: 30px;
}
.center1 h4{
	padding:28px 0 10px;
	color: #1e3948;
}
.center1 p{
	font-size:15px;
	color: #1e3948;
	line-height: 20px;
}
.center1 img{
	width: 100%;
	height: 100%;
	margin-bottom: 20px;
	padding-top: 20px;
}
.sponsored{
	border: 1px solid #d3e0e9;
	padding: 0 20px;
	padding-bottom:20px;
}
.sponsored h4{
	padding:18px 0 10px;
	color: #1e3948;
}
.sponsored img{
	width: 100%;
	height: 100%;
	margin-bottom:17px;
}
.sponsored p{
	color: #1e3948;
}
.sponsored a{
	border:1px solid #2a88bd;
	padding: 10px 13px;
	display: inline-block;
	margin-top: 20px;
	border-radius:3px;
	color: #2a88bd;
}
.likes{
	border: 1px solid #d3e0e9;
	border-top:0;
	padding-bottom: 20px;
}
.likes1 h4{
	padding: 18px 15px;
}
.likes1 img{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-left: 22px;
}
.likes1 p{
	text-align: center;
	font-size: 10px;
	margin-left: 10px;
	color: #1e3948;
}
.likes1 a{
	margin-left: 10px;
	border: 1px solid #2a88bd;
	color: #2a88bd;
	padding: 7px 13px;
	margin-top: 10px;
	border-radius:3px ;
	display: inline-block;
}
.likes2 img{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-left: 22px;
}
.likes img{
	float: left;
}
.likes .txt{
	float: left;
}
.likes2{
	margin-top: 20px;
}
.likes2 h4{
	text-align: center;
	font-size: 10px;
	margin-left: 10px;
	color: #1e3948;
}
.likes2 a{
	margin-left: 10px;
	border: 1px solid #2a88bd;
	color: #2a88bd;
	padding: 7px 13px;
	margin-top: 10px;
	border-radius:3px ;
	display: inline-block;
}
.really{
	border: 1px solid #d3e0e9;
	border-top:0;
	padding: 18px 15px;	
}
.really p{
	color: #1e3948;
}
footer{
	text-align: center;
	border-top: 1px solid #cccccc;
	margin-top: 50px;
}
.fat{
	text-align: center;
}
.fat p{
	margin-top: 50px;
	margin-bottom:15px;
}
.fat a{
	color: #3097d1;
}


@media(max-width:600px){
	nav .logo{
		display: none;
	}
	nav ul{
		display: flex;
	}
	nav ul li{
		flex: 0 0 25%;
		margin: 0;
		text-align: center;
	}
	nav ul li a{
		padding: 0;
		display: block;
		width: 100%;
		height: 100%;
	}
	.container,.main-inner{
		width: 100%;
	}
	.main-inner{
		margin: 15px 0;
	}
	.main-inner .left, .main-inner .right{
		flex: 0 0 100%;
	}
}